/**
 *  getStaticProps
 */
import React, { Component } from 'react'
import { withRouter } from 'next/router'
import Head from 'next/head'

@withRouter
class Comp extends Component {
    componentDidMount = () => {
        console.log(this.props)
    }
    render() {
        return (
            <div>
                <Head>
                    <title>isr</title>
                </Head>
                <div> isr </div>
            </div>
        )
    }
}

// 每次请求时候运行 （服务端渲染）
export async function getStaticProps(ctx) {
    const { id } = ctx.params
    console.log('getStaticProps')
    return {
        props: { id },
        revalidate:10,
    }
}

// build时候执行 （服务端生成）
export async function getStaticPaths() {
    // 生成多个静态页面
    var paths = [
        { params: { id: '1' } },
        { params: { id: '2' } },
        { params: { id: '3' } }
    ]
    return {
        paths: paths,
        // blocking 未生成的页面变为服务端渲染模式
        fallback: 'blocking'
    }
}

export default Comp
